import React, { Component } from 'react17';
import Form4Besic from "./antd4/Form4Besic";
import WrappedNormalLoginForm from "./antd3/WrappedNormalLoginForm";
// import NormalLoginForm from "./antd3/NormalLoginForm.jsx";
import Form5Data from "./antd5/Form5Data";

// import RenderAntd4Form4Besic from "./antd4";


// class Antd4Form4Besic extends Component {
//     componentDidMount() {
//         if (this.refs.RenderAntd4Form4Besic) {
//             const { render, unmount } = renderEditor(this.refs.RenderAntd4Form4Besic);
//             this.unmount = unmount;
//             render({});
//         }
//     }
//     componentWillUnmount() {
//         this.unmount();
//     }
//     render() {
//         return <div ref="RenderAntd4Form4Besic" />;
//     }
// }


// import { createEditor } from './antd4';

import { Provider } from "react-redux";
import store from "./redux-store/store";
// import Count from "./containers/Count"; // 引入的是容器组件
// import Person from "./containers/Person"; // 引入的是容器组件
import ReduxApp from "./ReduxApp";
import ProductView from './antd5/components/redux5/store/ProductView';
import store2 from "./antd5/components/redux5/store";

export default class Example extends Component {
    render() {
        return (
            <>
                <Provider store={store}>
                    {/* <Count />
                    <Person /> */}
                    <ReduxApp />
                </Provider>
                <div>Example</div>
                <hr />
                <br />
                <Form4Besic />
                {/* <div ref="editor" /> */}
                <hr />
                <br />
                <WrappedNormalLoginForm />
                <hr />
                <br />
                <Form5Data />
                <hr />
                <Provider store={store2}>
                    {/* <Count />
                    <Person /> */}
                    <ProductView />
                </Provider>
            </>
        )
    }

    // componentDidMount() {
    //     if (this.refs.editor) {
    //         const { render, unmount } = createEditor(this.refs.editor);
    //         this.unmount = unmount;
    //         render({});
    //     }
    // }

    // componentWillUnmount() {
    //     this.unmount();
    // }

}
